<%--
  Created by IntelliJ IDEA.
  User: PromiseT
  Date: 2022/5/25
  Time: 19:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>导航栏</title>
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"/>
</head>
<style>
    /* 		* {
                    padding: 0;
                    margin: 0;
               }
              ul li {
                  list-style: none;
              } */
</style>
<body>
<!--
    navbar:将其设置成导航栏的样式
 -->
<div id="div" class="navbar navbar-default navbar-static-top" role="navigation">
    <!-- 所有元素在网页的中间，左右之间会有固定的间距 -->
    <div class="container">
        <!-- navbar-header:设置头部区域元素 -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle">
                <span class="sr-only">Toggle</span>
            </button>
            <a class="navbar-brand" href="index.jsp">学生管理系统</a>
        </div>
        <!--
            collapse navbar-collapse:消除元素自带的效果
         -->

        <div class="collapse navbar-collapse">
            <!-- nav navbar-nav: 将列表以导航栏的形式进行排布 -->
            <ul class="nav navbar-nav">
                <!-- active:表示元素被触发或者激活 -->
                <li class="active"><a href="index.jsp"><span class="glyphicon glyphicon-home">首页</span></a></li>
                <li><a href="updateMy.jsp"><span class="glyphicon glyphicon-refresh">修改我的信息</span></a></li>
                <li><a href="login.jsp"><span class="glyphicon glyphicon-remove">退出本次登录</span></a></li>
            </ul>
        </div>

    </div>
</div>
<div style="background-color: rgb(249,249,249); width: 200px; height: 900px;" >
    <%--    <ul class="menu1" style=" list-style: none;padding: 0;margin: 0;">--%>
    <%--        <li class="sub-menu">--%>
    <%--            <a href=""><h2>学生管理</h2></a>--%>
    <%--            <ul class="sub" style=" list-style: none">--%>
    <%--                <li><a href="index2.jsp" class="add" ><h3>在校学生管理</h3></a></li>--%>
    <%--                <li><a href="addStu.jsp"><h3>添加学生</h3></a></li>--%>
    <%--            </ul>--%>
    <%--            <a href=""><h2>课程管理</h2></a>--%>
    <%--            <ul class="sub" style=" list-style: none">--%>
    <%--                <li><a href="" class="add" ><h3>查看课程</h3></a></li>--%>
    <%--                <li><a href=""><h3>添加课程</h3></a></li>--%>
    <%--            </ul>--%>
    <%--        </li>--%>
    <%--    </ul>--%>
    <ul class="nav nav-tabs nav-stacked">
        <li role="presentation" class="active"><a href="#"><h5>学生管理</h5></a></li>
        <li role="presentation"><a href="index2.jsp">在校学生管理</a></li>
        <li role="presentation"><a href="addStu.jsp">添加学生</a></li>
    </ul>
    <ul class="nav nav-tabs nav-stacked">
        <li role="presentation" class="active"><a href="#"><h5>课程管理</h5></a></li>
        <li role="presentation"><a href="index3.jsp">查看课程</a></li>
        <li role="presentation"><a href="addCourse.jsp">添加课程</a></li>
        <li role="presentation"><a href="#">查看老师</a></li>
        <li role="presentation"><a href="addFile.jsp">批量添加课程</a></li>
    </ul>
    <div style="margin-left: -0px; margin-top: -200px;">
        <iframe src="teacher.jsp" width="1800px" height="500px" frameborder="0">
        </iframe>
    </div>
</div>
<%--<script src="static/bootstrap/js/jquery-3.3.1.min.js" type="text/javascript" charset="UTF-8"></script>--%>
<%--<script src="/static/bootstrap/js/bootstrap.min.js" type="text/javascript" charset="UTF-8"></script>--%>
<script type="text/javascript" src="/static/bootstrap/js/jquery-3.3.1.min.js"></script>
<link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
<script type="text/javascript" src="/static/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>

